<template>
    <div>
        <div style="margin-top: 20px">
            <el-button @click="handleDownLoad">下载</el-button>
        </div>
        <el-table ref="multipleTable" :data="tableData3" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
            <el-table-column type="selection" width="55">
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.id }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.connectionId }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.type }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.path }}</template>
            </el-table-column>
            <el-table-column label="xxx" :show-overflow-tooltip="true" width="120">
                <template slot-scope="scope">{{ scope.row.fileName }}</template>
            </el-table-column>
            <el-table-column label="xxx" :show-overflow-tooltip="true" width="120">
                <template slot-scope="scope">{{ scope.row.localFullName }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.fileEncoding }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="180">
                <template slot-scope="scope">{{ scope.row.startProcessTime }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="180">
                <template slot-scope="scope">{{ scope.row.completeTime }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="120">
                <template slot-scope="scope">{{ scope.row.status }}</template>
            </el-table-column>
            <el-table-column label="xxx" width="180">
                <template slot-scope="scope">{{ scope.row.createTime }}</template>
            </el-table-column>
        </el-table>
    </div>
</template>
<script>
export default {
  data() {
    return {
      tableData3: [
        {
          id: "1",
          connectionId: "01",
          type: "类型1",
          path: "/out",
          fileName: "aa.txt",
          localFullName: "D:/ss",
          fileEncoding: "utf-8",
          startProcessTime: "2",
          completeTime: "2",
          status: "3",
          createTime: "3"
        },
        {
          id: "1",
          connectionId: "01",
          type: "类型1",
          path: "/out",
          fileName: "aa.txt",
          localFullName: "D:/ss",
          fileEncoding: "utf-8",
          startProcessTime: "2",
          completeTime: "2",
          status: "3",
          createTime: "3"
        }
      ],
      multipleSelection: []
    };
  },

  methods: {
    toggleSelection(rows) {
      if (rows) {
        rows.forEach(row => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    handleDownLoad() {}
  }
};
</script>
<style>
a {
  text-decoration: none;
}
</style>
